<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="reset.css">
	<style>
	   .con{
	   	width: 1024px;
	   	margin: 0 auto;
	   }
	   .header .bg{
			width: 100%;
	   }
	   .header{
			
			position: relative;
	   }
 	   .header .logo{
 	   	position: absolute;
 	   	left:42px;
 	   	top:38px;
 	   	width: 142px;
 	   	height: 36px;
 	   }
 	    .header .bglogo{
 	   	position: absolute;
 	   	left:313px;
 	   	top:151px;
 	   	width: 398px;
 	   	height: 382px;
 	   }
 	   .header .nav{
 	   	 position: absolute;
 	   	 width: 200px;
 	   	 height: 36px;
 	   	 right: 42px;
 	   	 top:38px;

 
 	   }
 	   .header .nav a{
 	   	line-height: 36px;
 	   	padding: 0px 20px;
 	   	color: #fff;

 	   }

 	   .main .main1,.main .main2{
 	   	  width: 754px;
 	   	  margin-left: 135px; 	   
 	   	  margin-top:100px;
 	   	  margin-bottom: 100px;
 	   }
 	   .footer p{
 	   	 text-align: center;
 	   	 line-height: 100px;
 	   	 font-size: 24px;
 	   	 margin-top: 100px;
 	   }


	</style>
</head>
<body>
    <div class="con">
    	<div class="header">
    		<img src="images/header.png" alt="" class="bg">
    		<img src="images/logo.png" alt="" class="logo">
    		<img src="images/bglogo.png" alt="" class="bglogo">
    		<div class="nav">
    			<a href="index.html">首页</a>
    			<a href="about.html">关于微导</a>
    		</div>
    	</div>
    	<div class="main">
    		 <div style="border-bottom: 1px solid #ddd" >
    		 	<img src="images/main1.png" alt="" class="main1">

    		 </div>
    		  <div>
    		 	<img src="images/main2.png" alt="" class="main2">

    		 </div>
    	</div>
    	<div class="footer">
    		<p>银土收银台 025-6604 6356</p>
    	</div>
    </div>
</body>
</html>